.slide-info
  .media-left
    min-width: 72px
    margin-right: .7rem
  .media-content
    border-right: 3px solid #eee
  &.active .media-content
    border-right: 3px solid #f87255

.swiper-slide a
  display: block
  line-height: 0
  img
    width: 100%
  span:last-child
    position: absolute
    bottom: 0
    left: 0
    display: block
    width: 100%
    background: #000
    opacity: 0.68
    color: #fff
    line-height: 1
    padding: 8px 0
    font-size: 1rem

.swiper-btns
  position: absolute
  right: 0
  bottom: 0
  z-index: 9
  height: 10px
  padding: 20px
  ul li
    float: left
    position: relative
    display: block
    width: 8px
    height: 8px
    border: 1px solid #fff
    border-radius: 50%
    margin-left: 5px
    cursor: pointer
  ul li.active
    background-color: #fff

#focus .title
  padding-bottom: 11px
  // margin-bottom: -11px
  margin-bottom: 6px
  margin-top: -.3rem
  +hr-bottom

#focus .media + .media
  margin: 0
  padding-top: 1.25rem

#focus .label img
  border-radius: 4px

#slide-info-boxs,#focus-tabs
  height: 100%
  // padding: 1rem

#focus-tabs
  padding-bottom: .25rem
  position: relative
  span.icon
    position: absolute
    right: 0
    top: 0
    height: 44px
    width: 40px
    background: url(img/tuijian.png) no-repeat right top
  .tabs
    margin-bottom: .5rem
    a
      padding: 0 1em 0.3em
      margin-top: -.3em
      &.is-active
        font-weight: 600

#focus-tabs .tabs-content ul li
  height: 35px
  line-height: 35px
  padding-left: 30px
  background: url(img/icon-li-2.png) no-repeat left 10px
  // &:first-child
  //   background-color: #f87255
  @for $i from 2 through 15
    &:nth-of-type(#{$i})
      $curRlt: 0-(25+($i - 2) * 35)
      background-position: left #{$curRlt}px

// 首页 lable-box
.label-item
  padding-bottom: 0

// 首页分类展示
.cate-focus ul
  padding-top: .55rem
  padding-bottom: .95rem

.cate-focus-item
  // line-height: 1.3
  padding-top: .35rem
  padding-bottom: .35rem
